.test-container {
    color: #fff;

    .button-group {
        width: 100%;
        height: 50px;

        .test-x {
            width: 240px;
            height: 50px;
            padding: 12px 4px;
            background-color: #3e0d90;
            text-align: center;
            cursor: pointer;
            border-radius: 4px;
            border: 1px solid #3e0d90;
            background-image: linear-gradient(
                91deg,
                #3d0d8f 24.89%,
                #4e24c3 41.03%,
                #6542ff 55.67%,
                #ac42ff 76.24%,
                #f74792 85.67%,
                #fec723 102.51%
            );
            background-repeat: no-repeat;
            background-size: 400%;
            background-position-x: 0;
            transition: background-position 2s ease-out 0.2s;

            &:hover {
                background-position-x: 100%;
                transition: background-position 0.1s ease-in;
            }
        }
    }
}
